﻿.wrap_book_it_form_top{ margin:-16px auto 0 auto; width:978px; height:10px; background:url(/skin/default/images/top_bg_all.png) no-repeat left top;}
.book_it_form_tips{ margin:0 auto 25px auto; padding:15px 0 0 440px; width:538px; height:108px; background:#fcf8d9 url(/skin/default/images/order_process.png) no-repeat 18px 0; border-bottom:1px solid #e7e4c9; color:#888;}
.book_it_form{ margin:0 auto; width:918px;}
.book_it_form .room_pic{ float:left; margin-right:15px; width:210px; height:140px; border:1px solid #ddd; padding:4px;}
.book_it_form .room_pic img{ display:block; width:210px; height:140px; background-color:red;}
.book_it_form a.room_title{ font-size:22px;}
.book_it_form .room_address{ padding:7px 0 15px 0; color:#777;}
.book_it_form table{ border:1px solid #ddd; border-right:0 none;}
.book_it_form .room_info th{ padding:6px 10px; font-size:16px; line-height:20px; height:20px; color:#888; font-weight:700; text-align:center; background-color:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px dashed #ddd;}
.book_it_form .room_info td{ padding:13px 20px; font-size:14px; line-height:18px; height:18px; color:#666; border-right:1px solid #ddd; text-align:center;}
.book_it_form .room_info td .date{ padding-left:8px; color:#222; font-size:12px;}

.wrap_price, .wrap_payment{ clear:both; margin-top:20px; padding-bottom:15px; border:1px solid #ddd; border-radius:6px; -moz-border-radius:6px;}
.wrap_price h2, .wrap_payment h2{ padding:6px 10px; font-size:20px; color:#444; font-weight:700; background-color:#eee; border-top-left-radius:6px; border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;}
.wrap_price table, .wrap_payment ul{ margin:10px auto; width:880px;}
.wrap_price table a{ font-size:14px;}
.wrap_price table th{ padding:8px 10px; font-size:16px; line-height:20px; height:20px; border-right:1px solid #ddd; border-bottom:1px dashed #ddd;}
.wrap_price table td{ padding:8px 10px; font-size:24px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px dashed #ddd; border-right:1px solid #ddd;}

.wrap_price table .embg{ background-color:#fcf8d9;}
.wrap_price table .tips{ float:right; padding:2px 6px; font-size:12px; line-height:16px; width:200px; border:1px solid #f6b677; background-color:#fffef2; border-radius:3px; -moz-border-radius:3px;}
.wrap_price table .tips em{ color:red; font-weight:700;}

.wrap_payment ul{ margin-bottom:0; height:112px; background:url(/skin/default/images/line1px.png) repeat-x left bottom;}
.wrap_payment ul li{ float:left; padding:8px 10px; width:406px; height:94px; border:1px solid #eee; border-top-left-radius:6px; border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; background-color:#f5f5f5; _display:inline;}
.wrap_payment ul li.current{ background-color:#fff; border-bottom:1px solid #fff;}
.wrap_payment ul li .blue span{ width:120px;}
.wrap_payment ul li p{ clear:both; padding-top:4px; color:#888; line-height:18px;}

.wrap_payment table{ margin:10px auto 0 auto; padding:10px 0 15px 0; width:880px; border:1px solid #eee;} /*border-top:none;*/
.wrap_payment table td{ padding:6px;}
.wrap_payment table td *{vertical-align:middle; display:inline-block;}

.wrap_btn{ margin:0 auto; padding:15px 0; width:166px; height:46px; text-align:center;}
.search span, .search:hover span, .green span, .green:hover span{ background-color:#fff;}

.wrap_cancellation{ clear:both; margin:10px auto 0 auto; padding:10px; width:860px; color:#888; border:1px solid #eee; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.wrap_cancellation h3{ font-size:16px;}

.wrap_payment .tips{ text-align:center;}

/* validate */
.ly-validate-send *, .ly-validate *, .ly-validate-ok *{ display:inline-block; vertical-align:middle; *zoom:1; *display:inline;}

.ly-validate-input{ width:90px; margin-right:5px;}

.ly-validate-btn, .ly-grayBtn{ margin-right:5px; padding:4px 10px 2px 10px; font-size:12px !important; line-height:16px; height:16px; border:1px solid #7ca800; background-color:#96c616; color:#f0f5e2 !important; text-decoration:none;}
.ly-validate-btn:hover, .ly-grayBtn:hover{ background-color:#a6d130; color:#fff !important; text-decoration:none;}

.ly-grayBtn{ cursor:pointer; border-color:#ccc; background-color:#ddd; color:#555 !important;}
.ly-grayBtn:hover{ background-color:#eee; color:#333 !important;}

.ly-redBox, .ly-greenBox{ color:#555; padding:4px 10px 2px 10px; font-size:12px; line-height:16px; height:16px;}
.ly-redBox{ background-color:#fdfae3; border:1px solid #fbdf85;}
.ly-greenBox{ padding-left:26px; background:#efffde url(/skin/default/images/ok.png) no-repeat 5px 3px; border:1px solid #b7d497;}

.ly-validate-btn, .ly-grayBtn, .ly-validate-btn:hover, .ly-grayBtn:hover, .ly-redBox, .ly-greenBox{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;}